<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>Raqba - Real Estate HTML Template | About Us</title>
<!-- Stylesheets -->
    <link th:href="@{css/bootstrap.css}" rel="stylesheet">
    <link th:href="@{css/style.css}" rel="stylesheet">
    <link th:href="@{css/responsive.css}" rel="stylesheet">
    <!--Color Switcher Mockup-->
    <link th:href="@{css/color-switcher-design.css}" rel="stylesheet">

    <!--Color Themes-->
    <link id="theme-color-file" th:href="@{css/color-themes/default-theme.css}" rel="stylesheet">

    <link rel="shortcut icon" th:href="@{images/favicon.png}" type="image/x-icon">
    <link rel="icon" th:href="@{images/favicon.png}" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">
    <!-- Preloader -->
    <div class="preloader"></div>
    
    <!-- Main Header-->
    <header class="main-header header-style-one">
        <!--Header Top-->
        <div th:include="header :: headname"></div>
        <!--End Header Lower-->

        <!-- Sticky Header  -->
        <div class="sticky-header">
            <div class="auto-container clearfix">
                <!--Logo-->
                <div class="logo pull-left">
                    <a href="index.html" title=""><img src="images/icons/empty.png" data-src="images/logo-small.png" alt="" title=""></a>
                </div>
                <!--Right Col-->
                <div class="nav-outer pull-right">
                    <!--Mobile Navigation Toggler-->
                    <div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
                    
                    <!-- Main Menu -->
                    <nav class="main-menu navbar-expand-lg">
                        <div class="navbar-collapse collapse clearfix">
                             <ul class="navigation clearfix"><!--Keep This Empty / Menu will come through Javascript--></ul>
                        </div>
                    </nav><!-- Main Menu End-->
                </div>
            </div>
        </div><!-- End Sticky Menu -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-cancel-1"></span></div>
            
            <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
            <nav class="menu-box">
                <div class="nav-logo"><a href="index.html"><img src="images/icons/empty.png" data-src="images/logo.png" alt="" title=""></a></div>
                
                <ul class="navigation clearfix"><!--Keep This Empty / Menu will come through Javascript--></ul>
            </nav>
        </div><!-- End Mobile Menu -->
    </header>
    <!--End Main Header -->

    <!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/4.jpg)">
        <div class="auto-container">
            <h1>关于我们</h1>
            <ul class="page-breadcrumb">
                <li><a href="index.html">主页</a></li>
                <li>关于我们</li>
            </ul>
        </div>
    </section>
    <!--End Page Title-->

    <!-- Why Choose Us -->
    <section class="why-choose-us">
        <div class="auto-container">
            <div class="row">
                <!-- Info Column -->
                <div class="info-column col-xl-6 col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="sec-title">
                            <div class="devider"><span></span></div>
                            <h2>欢迎来到Holease</h2>
                            <div class="text">我们总是为客户提供合适的产业</div>
                        </div>
                        <div class="text-box">
                            <p> Holease是您智慧的选择，我们可以发动全球性的产业搜索，直到找到专属于您最合适的产业。</p>
                        </div>

                        <div class="row features">
                            <!-- Feature Block -->
                            <div class="feature-block-two col-lg-6 col-md-6 col-sm-12">
                                <div class="inner-box">
                                    <span class="icon flaticon-rent-1"></span>
                                    <h4><a href="about.html">节省花销</a></h4>
                                    <div class="text">来看看Holease的产业</div>
                                </div>
                            </div>

                            <!-- Feature Block -->
                            <div class="feature-block-two col-lg-6 col-md-6 col-sm-12">
                                <div class="inner-box">
                                    <span class="icon flaticon-analytics"></span>
                                    <h4><a href="about.html">节省花销</a></h4>
                                    <div class="text">来看看Holease的产业</div>
                                </div>
                            </div>

                            <!-- Feature Block -->
                            <div class="feature-block-two col-lg-6 col-md-6 col-sm-12">
                                <div class="inner-box">
                                    <span class="icon flaticon-home-2"></span>
                                    <h4><a href="about.html">完美的市场</a></h4>
                                    <div class="text">来看看Holease的产业</div>
                                </div>
                            </div>

                            <!-- Feature Block -->
                            <div class="feature-block-two col-lg-6 col-md-6 col-sm-12">
                                <div class="inner-box">
                                    <span class="icon flaticon-protect"></span>
                                    <h4><a href="about.html">轻松找到</a></h4>
                                    <div class="text">来看看Holease的产业</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- image Column -->
                <div class="image-column col-xl-6 col-lg-6 col-md-12 col-sm-12">
                    <div class="image-box wow fadeInRight">
                        <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/image-3.jpg" alt=""></figure>
                        <div class="contact-info">
                            <span class="icon fa fa-phone-volume"></span> 
                            <a href="tel:+8236558625" class="number">+82 365 586 25</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Why Choose Us -->

    <!-- Fun Facts Section -->
    <section class="fun-facts-section">
        <div class="auto-container">
            <div class="fun-facts">
                <div class="row clearfix">
                    <!--Column-->
                    <div class="column count-box col-lg-3 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="content">
                            <div class="icon-box"><span class="fa fa-home"></span></div>
                            <div class="count-outer count-box">
                                <span class="count-text" data-speed="3000" data-stop="856">0 </span>
                            </div>
                            <div class="counter-title">交易数量</div>
                        </div>
                    </div>
                    
                    <!--Column-->
                    <div class="column count-box col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
                        <div class="content">
                            <div class="icon-box"><span class="fa fa-key"></span></div>
                            <div class="count-outer count-box">
                                +<span class="count-text" data-speed="2000" data-stop="99">0 </span>
                            </div>
                            <div class="counter-title">产业售出量</div>
                        </div>
                    </div>
                    

                    <!--Column-->
                    <div class="column count-box col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
                        <div class="content">
                            <div class="icon-box"><span class="fa fa-smile"></span></div>
                            <div class="count-outer count-box">
                                <span class="count-text" data-speed="2000" data-stop="450">0 </span>
                            </div>
                            <div class="counter-title">愉快的客户</div>
                        </div>
                    </div>
                    
                    <!--Column-->
                    <div class="column count-box col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="1200ms">
                        <div class="content">
                            <div class="icon-box"><span class="fa fa-trophy"></span></div>
                            <div class="count-outer count-box">
                                <span class="count-text" data-speed="3000" data-stop="120">0 </span>
                            </div>
                            <div class="counter-title">获奖数</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Fun Fact Section -->

    <!-- About Section -->
    <section class="about-section">
        <div class="auto-container">
            <div class="row">
                <!-- Content COlumn -->
                <div class="content-column col-lg-6 col-md-12 col-sm-12 order-2">
                    <div class="inner-column">
                        <div class="sec-title">
                            <div class="devider"><span></span></div>
                            <h2>关于我们</h2>
                            <div class="text">Holease房地产代理有限公司欢迎您</div>
                        </div>

                        <!-- text Box -->
                        <div class="text-box">
                            <p>公司战略的快速方法可以促进协作思维，从而进一步利用敏捷框架为高级概述提供强大的提要。</p>
                        </div>

                        <!-- About Block -->
                        <div class="about-block wow fadeInUp">
                            <div class="inner">
                                <div class="icon flaticon-layers"></div>
                                <h4>Our Mission</h4>
                                <div class="text">提出双赢的生存策略，以确保积极主动的统治。</div>
                            </div>
                        </div>

                        <!-- About Block -->
                        <div class="about-block wow fadeInUp">
                            <div class="inner">
                                <div class="icon flaticon-bar-chart"></div>
                                <h4>Our Vision</h4>
                                <div class="text">提出双赢的生存策略，以确保积极主动的统治</div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Feature Column -->
                <div class="feature-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column" style="background-image: url(images/resource/image-1.jpg);">
                        <div class="row no-gutters">
                            <!-- Title Block -->
                            <div class="title-block col-lg-6 col-md-6 wow fadeIn">
                                <div class="inner-box">
                                    <h3>我们最好的 <br>房地产报价</h3>
                                </div>
                            </div>

                            <!-- Feature-block -->
                            <div class="feature-block col-lg-6 col-md-6 wow fadeIn" data-wow-delay="400ms">
                                <div class="inner-box">
                                    <div class="icon flaticon-home-insurance"></div>
                                    <h4><a href="property-detail.html">财产保险</a></h4>
                                    <div class="text">物业管理</div>
                                </div>
                            </div>

                            <!-- Feature-block -->
                            <div class="feature-block col-lg-6 col-md-6 order-2 wow fadeIn" data-wow-delay="800ms">
                                <div class="inner-box">
                                    <div class="icon flaticon-home-2"></div>
                                    <h4><a href="property-detail.html">搜索产业</a></h4>
                                    <div class="text">物业管理</div>
                                </div>
                            </div>

                            <!-- Feature-block -->
                            <div class="feature-block col-lg-6 col-md-6 wow fadeIn" data-wow-delay="1200ms">
                                <div class="inner-box">
                                    <div class="icon flaticon-mortgage"></div>
                                    <h4><a href="property-detail.html">搜索产业</a></h4>
                                    <div class="text">物业管理</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End About Section -->

    <!-- App Section -->
    <section class="app-section">
        <div class="auto-container">
            <div class="row">
                <!-- Content Box -->
                <div class="content-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="sec-title">
                            <div class="devider"><span></span></div>
                            <h2>找到产业</h2>
                            <div class="text">指尖上的Holease房地产应用</div>
                        </div>
                        <div class="text-box">您可以在苹果应用商店以及Google Play中获取应用</div>
                        <div class="link-box">
                            <a href="#"><img src="images/icons/empty.png" data-src="images/icons/app-store.png" alt=""></a>
                            <a href="#"><img src="images/icons/empty.png" data-src="images/icons/google-play.png" alt=""></a>
                        </div>
                    </div>
                </div>

                <!-- Image Box -->
                <div class="image-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="image-box">
                            <figure class="image wow fadeInRight"><img src="images/icons/empty.png" data-src="images/resource/phone-img.png" alt=""></figure>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End App Section -->

     <!-- Testimonial Section -->
    <section class="testimonial-section">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="devider"><span></span></div>
                <h2>我们客户的评价</h2>
                <div class="text">在你的城中找到你所爱的产业</div>
            </div>

            <div class="testimonial-carousel owl-carousel owl-theme">
                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">Business Preson</span>
                            <h4 class="name">John Doe</h4>
                            <div class="text">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-2.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">商人</span>
                            <h4 class="name">约翰·杜</h4>
                            <div class="text">今天，由于您的热情，勤奋的创造力和专业知识，我们可以告诉您，您为我们提供了最美丽的房屋。</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">Business Preson</span>
                            <h4 class="name">John Doe</h4>
                            <div class="text">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-2.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">Business Preson</span>
                            <h4 class="name">John Doe</h4>
                            <div class="text">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">Business Preson</span>
                            <h4 class="name">John Doe</h4>
                            <div class="text">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-2.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">Business Preson</span>
                            <h4 class="name">John Doe</h4>
                            <div class="text">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Testimonial Section -->

    <!--Clients Section-->
    <section class="clients-section">
        <div class="auto-container">
            <div class="sponsors-outer">
                <!--Sponsors Carousel-->
                <ul class="sponsors-carousel owl-carousel owl-theme">
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/1.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/2.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/3.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/4.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/5.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/1.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/2.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/3.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/4.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/5.png" alt=""></a></figure></li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Clients Section-->

    <!-- Main Footer -->
    <div th:include="footer :: footname"></div>
    <!-- End Main Footer -->

</div>
<!-- End Page Wrapper -->

<!-- Color Palate / Color Switcher -->
<div class="color-palate">
    <div class="color-trigger">
        <i class="fa fa-cog"></i>
    </div>
    <div class="color-palate-head">
        <h6>Choose Your Color</h6>
    </div>
    <div class="various-color clearfix">
        <div class="colors-list">
            <span class="palate default-color active" data-theme-file="css/color-themes/default-theme.css"></span>
            <span class="palate green-color" data-theme-file="css/color-themes/green-theme.css"></span>
            <span class="palate blue-color" data-theme-file="css/color-themes/blue-theme.css"></span>
            <span class="palate orange-color" data-theme-file="css/color-themes/orange-theme.css"></span>
            <span class="palate purple-color" data-theme-file="css/color-themes/purple-theme.css"></span>
            <span class="palate teal-color" data-theme-file="css/color-themes/teal-theme.css"></span>
            <span class="palate brown-color" data-theme-file="css/color-themes/brown-theme.css"></span>
            <span class="palate redd-color" data-theme-file="css/color-themes/redd-color.css"></span>
        </div>
    </div>
    
    <div class="palate-foo">
        <span>You will find much more options for colors and styling in admin panel. This color picker is used only for demonstation purposes.</span>
    </div>
</div><!-- End Color Switcher -->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-double-up"></span></div>
<script th:src="@{/js/jquery.js}"></script>
<script th:src="@{/js/popper.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/jquery-ui.js}"></script>
<script th:src="@{/js/jquery.fancybox.js}"></script>
<script th:src="@{/js/owl.js}"></script>
<script th:src="@{/js/wow.js}"></script>
<script th:src="@{/js/jquery.stellar.min.js}"></script>
<script th:src="@{/js/mixitup.js}"></script>
<script th:src="@{/js/appear.js}"></script>
<script th:src="@{/js/script.js}"></script>
<!-- Color Setting -->
<script th:src="@{/js/color-settings.js}"></script>
</body>
</html>